跳到主要内容

本地用户选项

前面的课程中,我们实现了App界面的明暗风格和多语言,并且分别介绍了如何通过设备进行系统配置自动判断。 之后的课程我们会探讨本地存储,实现各种用户数据的持久化。 今天是一个介于中间的章节,我们看如何在App中让用户手动控制这些用户选项,也就是设置项,英文Settings。

单选组件

我们这个App目前遇到的选项,一个是明暗风格,一个是语言,都是多选一。 实现方法很多:苹果建议用Picker,但Android的Picker实在太...难用又难看,体验过差。 我们自己写一个。

经典的本地存储组件

@react-native-async-storage/async-storage

全局状态

zustand 写store方法。

2者结合

完成settings方法。